@charset "UTF-8";
/* CSS Document */

/**************************************************************************/
.service { width:100%; height:800px; float:inherit; background:url(../ui/serviceBg.jpg); background-size:cover; }
.serviceTab { width:120px; position:absolute; z-index:1; top:150px; left:0; }
.serviceTab a { width:100%; float:left; display:block; line-height:40px; margin-bottom:10px; text-align:center; font-size:14px; color:#fff; background:rgba(0,0,0,0.6); }
.serviceTab a.active { background:rgba(8,124,213,0.8); }
.serviceTab a:hover { background:rgba(8,124,213,0.8); }
.serviceBox { width:60%;  min-width:800px; float:left; margin:130px 0 0 10%; background:rgba(255,255,255,0.9); background:rgba(0,0,0,0.1); overflow:auto; }
.serviceBox .serviceSite { width:100%; float:left; ;}
/*.serviceBox .serviceSite li { width:100%; height:50px; float:left; border-top:1px solid #fff;  }
.serviceBox .serviceSite li a {width:100%; height:100%; float:left;display:table;  color:#333;}
.serviceBox .serviceSite li a:hover { background:rgba(8,124,213,0.8); color:#fff; }
.serviceBox .serviceSite li p { height:50px; display:table-cell; vertical-align:middle; font-size:14px; padding:0 2%; }
.serviceBox .serviceSite li p.siteName { width:26%; }
.serviceBox .serviceSite li p.siteAdd { width:46%; }
.serviceBox .serviceSite li p.siteTel { width:11%; }*/

.serviceBox { width:60%;  min-width:800px; float:left; margin:130px 0 0 10%;  background:rgba(0,0,0,0); overflow:auto; }
.serviceBox .serviceSite li { width:24%; height:300px; float:left; margin:1% 0 0 1%; background:#fff; padding-top:10px; }
.serviceBox .serviceSite li:nth-child(4n) {  }
.serviceBox .serviceSite li a {width:100%; height:100%; float:left;display:table;  color:#333; text-align:center;}
.serviceBox .serviceSite li a:hover { background:rgba(8,124,213,0.8); color:#fff; }
.serviceBox .serviceSite li img { width:180px; height:100px;  }
.serviceBox .serviceSite li p { text-align:center; margin:0 5%; }
.serviceBox .serviceSite li p.siteName { font-size:18px; line-height:30px; color:#333; height:60px; }
.serviceBox .serviceSite li p.siteAdd {  font-size:14px; line-height:24px; color:#999; height:72px;}
.serviceBox .serviceSite li p.siteTel {font-size:16px; line-height:40px; color:#666; }

/**************************************************************************/
.serviceHeader { background:url(../ui/serviceHeader.jpg) center top no-repeat;}
.serviceHeader .productionText { margin-top:200px; float:left; }

/**************************************************************************/
.serviceTag {  margin:50px auto 0 auto; }
.serviceTag a { width:120px; line-height:40px; float:left; border:0px solid #ddd; background:#fff; margin-right:2px; display:block; text-align:center; color:#999; position:relative; z-index:0; cursor:pointer; }
.serviceTag a:first-child { border-left:1px solid #ddd; }
.serviceTag a:hover { border-color:#3794dc; color:#3794dc; z-index:1; }
.serviceTag a.active { background:#3794dc; border-color:#3794dc; color:#fff; z-index:1; }

.serviceSiteBox { margin-top:40px; }
.serviceSiteBox li { width:290px; height:350px; float:left; margin:10px 10px 0 0px; background:#fff; }
.serviceSiteBox li:nth-child(4n) { margin-left:0;  }
.serviceSiteBox li a {width:100%; height:100%; float:left;display:table;  color:#333; text-align:center; }
.serviceSiteBox li a:hover { background:rgba(8,124,213,0.8);  }
.serviceSiteBox li a:hover p {  color:#fff; }
.serviceSiteBox li img { width:290px; height:180px;  }
.serviceSiteBox li p { text-align:center; margin:0 5%; }
.serviceSiteBox li p.siteName { font-size:18px; line-height:30px; color:#333; height:60px; margin-top:10px; }
.serviceSiteBox li p.siteAdd {  font-size:14px; line-height:24px; color:#999; height:48px;}
.serviceSiteBox li p.siteTel {font-size:16px; line-height:40px; color:#3794dc; }

.serviceDetail { margin:50px auto; }
.serviceDetail .serviceDetailBox { width:100%; float:left;  }
.serviceDetail .serviceDetailBox img { max-width:100%; }

/**************************************************************************/
.siteBox {width:100%; position:fixed; z-index:10; left:0; top:0;display:none;; }
.siteImgBox { width:900px; height:650px; position:absolute; z-index:2; left:10%; top:10%;  }
.siteImgBox  strong { width:100%; display:block; line-height:50px; text-align:center; font-size:18px; color:#fff; }

/**************************************************************************/
.planHeader { background:url(../ui/planHeader.jpg) center top no-repeat;}
.planHeader .productionText { margin-top:200px; float:left; }
.planHeader .productionText  p {  color:#fff; }


